.contain{
	padding-bottom:200rpx;
}
.boxView{
	@apply justify-center items-center bg-indigo-950 text-center shadow-md text-white rounded h-20 pb-1
}
.fimg{
	@apply flex justify-center items-center text-center min-h-[65%] m-1 border border-white 
}

.leftRight{
	margin-top:30rpx;
	@apply grid grid-cols-2 gap-2 border-2 border-red-500
}

.leftmidRight{
	margin-top:30rpx;
	@apply flex justify-between gap-2 border-2 border-red-500
}

.fourBoard{
	margin-top:30rpx;
	@apply grid grid-cols-2 gap-2 border-2 border-red-500	
}


.Night{
	margin-top:30rpx;
	@apply grid grid-cols-3 gap-1 border-2 border-red-500
}

.gridbg{
	@apply flex justify-center items-center bg-indigo-950 text-center text-white h-[200rpx]
}



@media screen and (max-width: 320px){

}	
//手机端
@media screen and (min-width: 375px){	

}	
//手机端
@media screen and (min-width: 375px) and (max-width: 500px){	
	
}	
//ipad
@media screen and (min-width: 750px){
	/* .fimg{
		@apply min-h-[90%] 
	} */
}
//ipad
@media screen and (min-width: 834px){	

}